<template>
<div>
  <h3>基础表格</h3>
  <el-table :data="tableData"  stripe style=  "width:100%">
    <el-table-column prop="id" lable="id" width="180"></el-table-column>
    <el-table-column prop="carName" label="汽车名称" with="180"></el-table-column>>
    <el-table-column prop="brand" label="汽车品牌" with="180"></el-table-column>>
    <el-table-column prop="oilWear" label="汽车油耗" with="180"></el-table-column>>
    <el-table-column prop="dailyRent" label="日租金" with="180"></el-table-column>>
  </el-table>>
</div>
</template>

<script>
export default {
  name: "Table01",
  data(){
    return{
      tableData:[
        {id:1,carName:'奔驰S600',brand:'奔驰',oilWear:18.5,dailyRent:1000},
        {id:2,carName:'奔驰S600',brand:'奔驰',oilWear:18.5,dailyRent:1000},
        {id:3,carName:'奔驰S600',brand:'奔驰',oilWear:18.5,dailyRent:1000},
        {id:4,carName:'奔驰S600',brand:'奔驰',oilWear:18.5,dailyRent:1000},
        {id:5,carName:'奔驰S600',brand:'奔驰',oilWear:18.5,dailyRent:1000},
        {id:6,carName:'奔驰S600',brand:'奔驰',oilWear:18.5,dailyRent:1000},
        {id:7,carName:'奔驰S600',brand:'奔驰',oilWear:18.5,dailyRent:1000},
        {id:8,carName:'奔驰S600',brand:'奔驰',oilWear:18.5,dailyRent:1000},
        {id:9,carName:'奔驰S600',brand:'奔驰',oilWear:18.5,dailyRent:1000},
        {id:10,carName:'奔驰S600',brand:'奔驰',oilWear:18.5,dailyRent:1000}
      ]
    }
  }
}
</script>

<style scoped>

</style>